<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
    <title>会员信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <link rel="stylesheet" href="css/style_emp.css" type="text/css" media="all" />
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all" />
    <link type="text/css" rel="stylesheet" href="fontsawesome/css/font-awesome.css"/>
    <link type="text/css" rel="stylesheet" href="css/style_index.css"/>
    <style type="text/css">
        .btne{
            position: relative;
            right: -20px;
        }
    </style>
    <style type="text/css">
        @keyframes fade-in {
            0% {opacity: 0;}/*初始状态 透明度为0*/
            40% {opacity: 0;}/*过渡状态 透明度为0*/
            100% {opacity: 1;}/*结束状态 透明度为1*/
        }
        @-webkit-keyframes fade-in {/*针对webkit内核*/
            0% {opacity: 0;}
            40% {opacity: 0;}
            100% {opacity: 1;}
        }
        body {
            animation: fade-in;/*动画名称*/
            animation-duration: 1.5s;/*动画持续时间*/
            -webkit-animation:fade-in 1.5s;/*针对webkit内核*/
        }
    </style>
</head>
<body>
<div class="main_box">
    <h2><span></span>会员详情</h2>
    <input class="btn blue_btn btne" type="button" value="返回上一级" onclick="location.href='vip_list.jsp'" >
    <div class="cont_box">
        <div class="search_formbox clearfix"></div>
        <div class="w3-banner-top">
            <div class="agileinfo-dot">
                <div class="w3-banner-grids">
                    <div class="col-md-6 w3-banner-grid-left">
                        <div class="w3-banner-img">
                            <img src="http://<%=request.getServerName() %>:8080/employee_photo/${emp.photo_fwp }" alt="正在加载头像">
                            <h3 class="test">${emp.name }</h3>
                            <p class="test" >${emp.job }</p>
                        </div>
                    </div>
                    <div class="col-md-6 w3-banner-grid-right">
                        <div class="w3-banner-text">
                            <h3>备注</h3>
                            <p>${emp.message }</p>
                        </div>
                        <div class=" w3-right-addres-1">
                            <ul class="address">
                                <li>
                                    <ul class="agileits-address-text ">
                                        <li class="agile-it-adress-left"><b>注册时间</b></li>
                                        <li><span>:</span>${emp.regtime }</li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="agileits-address-text">
                                        <li class="agile-it-adress-left"><b>电话号码</b></li>
                                        <li><span>:</span>${emp.phone }</li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="agileits-address-text">
                                        <li class="agile-it-adress-left"><b>性别</b></li>
                                        <li>
                                            <span>:</span>
                                            <c:choose>
                                                <c:when test="${emp.sex==2}">女</c:when>
                                                <c:when test="${emp.sex==1}">男</c:when>
                                            </c:choose>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="agileits-address-text">
                                        <li class="agile-it-adress-left"><b>E-MAIL</b></li>
                                        <li><span>:</span><a href="mailto:example@mail.com"> info@example.com</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="agileits-address-text">
                                        <li class="agile-it-adress-left"><b>WEBSITE</b></li>
                                        <li><span>:</span><a href="#">www.myresume.com</a></li>
                                    </ul>
                                </li>
                            </ul>

                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>

        </div>
        <!-- banner -->
        <!-- /about -->
    </div>
</div>


</body>
</html>
